<%@page contentType="text/html;charset=utf-8" language="java" %>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@include file="../common/jsp/common.jsp"%>
<title><%=InitParam.DEPLOY_PROVINCE_TITLE%></title>
<script>
requires(["laydate","customselect","zhly","/zhly/jquery.page.js","/zhly/comfort_analysis.js"]);
</script>


</head>

<body class="gry_bg">
<div class="select_top">
			<a class="but_backa" onclick="history.go(-1)"></a>
			<div class="select_pre">
				<span>区域</span>
				<p id="citySelect" class="hasCitySelect"><span id="citySelectSpan"></span><b class="click_arrow"></b></p>
				<ul class="select_content" id="cityListInfo">
				</ul>
			</div>
		
			<div class="select_pre">
				<span>景区类型</span>
				<p id="regionTypleSelect" class="hasRegionTypleSelect"><span id="regionTypleSpan"></span><b class="click_arrow"></b></p>
				<ul id="regionTypleInfo" class="select_content">
				</ul>
			</div>
		
			<button type="submit" class="select_button">查 询</button>
		</div>
     	<!--wisdom left-->
		<div class="leftBox leftBox2" style=" background-color:#fff;width:25%;border-bottom:1px solid #eeeeee;">
		    <p class="p_title">景区舒适度排行 </p>
            <!--搜索框-->
			<div class="wisdon_search" style="margin:5px 10px">  
            	<input class="wisdon_search_a" type="text" placeholder="请输入景区名称" id='searchInput' value="">
            </div>
            <!--搜索框 end-->
            <!--列表-->
            <div class='showNoneInfo' style='display:none;color:red;text-align:center;font-size:14px;'>未匹配到任何景区!</div>
            <div class="wisdon_left_list">
				<ul class="wisdon_left_list_ul" id="wisdon_left_list_ul">					
				</ul>
                <!--列表 end-->
           </div>
        <!--wisodn left end-->
			
		</div>
		<!--left end-->
    <div class="div_grade">
    	<div class="gr_one">
    		<p id="region_name"></p>
    		<div class="exp" id="update_time"></div>
    		<span class="line"></span>
    		<ul class="com_index">
    			<li class="text_one">当前舒适度指数</li>
    			<li class="text_two" id="text_two">-</li>
    			<li class="text_three">
    				<ul>
    					<li id="star_1" class="star_gray"></li>
    					<li id="star_2" class="star_gray"></li>
    					<li id="star_3" class="star_gray"></li>
    					<li id="star_4" class="star_gray"></li>
    					<li id="star_5" class="star_gray"></li>
    				</ul>
    			</li>
    			<li style="padding:10px;" id = "text_two_desc"></li>
    		</ul>
    		<div class="other_index">
    			<div>
    			    <ul>
    			    	<li style="padding:15px 10px 10px 10px;color:#333;">温度等级指数</li>
    			    	<li id = "wendu_1" class="stra_none"></li>
    			    	<li id = "wendu_2" class="stra_none"></li>
    			    	<li id = "wendu_3" class="stra_none"></li>
    			    	<li id = "wendu_4" class="stra_none"></li>
    			    	<li id = "wendu_5" class="stra_none"></li>
    			    	<li style="padding-left:10px;" id ="wendu"></li>
    			    </ul>
    			</div>
    			<div>
    			    <ul>
    			    	<li style="padding:15px 10px 10px 10px;color:#333;">污染等级指数</li>
    			    	<li id = "wuran_1" class="stra_none"></li>
    			    	<li id = "wuran_2" class="stra_none"></li>
    			    	<li id = "wuran_3" class="stra_none"></li>
    			    	<li id = "wuran_4" class="stra_none"></li>
    			    	<li id = "wuran_5" class="stra_none"></li>
    			    	<li style="padding-left:10px;" id ="wuran"></li>
    			    </ul>
    			</div>
    			<div>
    			    <ul>
    			    	<li style="padding:15px 10px 10px 10px;color: #333; ">天气舒适指数</li>
    			    	<li id = "tianqi_1" class="stra_none"></li>
    			    	<li id = "tianqi_2" class="stra_none"></li>
    			    	<li id = "tianqi_3" class="stra_none"></li>
    			    	<li id = "tianqi_4" class="stra_none"></li>
    			    	<li id = "tianqi_5" class="stra_none"></li>
    			    	<li style="padding-left:10px;" id ="tianqi"></li>
    			    </ul>
    			</div>
    			<div>
    			    <ul>
    			    	<li style="padding:15px 10px 10px 10px;color:#333;">旅游舒适指数</li>
    			    	<li id = "shushi_1" class="stra_none"></li>
    			    	<li id = "shushi_2" class="stra_none"></li>
    			    	<li id = "shushi_3" class="stra_none"></li>
    			    	<li id = "shushi_4" class="stra_none"></li>
    			    	<li id = "shushi_5" class="stra_none"></li>
    			    	<li style="padding-left:10px;" id ="shushi"></li>
    			    </ul>
    			</div>
    			<div>
    			    <ul>
    			    	<li style="padding:15px 10px 10px 10px;color:#333;">游客密度指数</li>
    			    	<li id = "midu_1" class="stra_none"></li>
    			    	<li id = "midu_2" class="stra_none"></li>
    			    	<li id = "midu_3" class="stra_none"></li>
    			    	<li id = "midu_4" class="stra_none"></li>
    			    	<li id = "midu_5" class="stra_none"></li>
    			    	<li style="padding-left:10px;" id ="midu"></li>
    			    </ul>
    			</div>
    		</div>
    	</div>
    	<div class="gr_two">
    		<ul id="region_image_list">
    			<li class="toward_left" id="toward_left" onclick="towardLeft()"></li>
    			<li class="picture" id="picture_0"><img class="photo_show" src="/DMC-IDX-WEB/zhly/assets/css/images/region_dft.png" /></li>
				<li class="picture" id="picture_1"><img class="photo_show" src="/DMC-IDX-WEB/zhly/assets/css/images/region_dft.png" /></li>
				<li class="picture" id="picture_2"><img class="photo_show" src="/DMC-IDX-WEB/zhly/assets/css/images/region_dft.png" /></li>
				<li class="toward_right" id="toward_right" onclick="towardRight()"></li>
		
    		</ul>
    	</div>
</body>
</html>
